const webpack = require('webpack')
const path = require('path')
const resolve = (dir) => path.join(__dirname, dir)

module.exports = {
    chainWebpack: config => {
        config.plugin('provide').use(webpack.ProvidePlugin, [{
            $: 'jquery',
            jquery: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }])
    },

    //加入以下
    devServer: {
        proxy: {
            '/api/global|/api': {
                target: 'http://localhost:9527', //设置你调用的接口域名和端口号.别忘了加http
                changeOrigin: true, //允许跨域
                pathRewrite: {
                    '^/api/global': '/global',
                    '^/api':'/'
                    // '‘这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替。
                    // 比如我要调用’http://127.0.0.1:8000/index/’，直接写‘/api/index/’即可
                }
            }
        }
    },
	configureWebpack: (config) => {
		config.resolve.alias['@'] = resolve('/src')
		config.resolve.alias['@components'] = resolve('/src/components')
	},
    //项目打包后，双击index.html页面空白,把css和js文件配置成相对路径
    publicPath:'./',
    // 输出文件目录
    outputDir:'dist',
    lintOnSave: false, // eslint 是否在保存时检查
    assetsDir: 'static', // 配置js、css静态资源二级目录的位置
    runtimeCompiler: true, //即可实现支持template编译：
}
